import 'package:flutter/material.dart';


void main() => runApp(App());

class App extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(

      home: MePage(),
    );
  }
}

class MePage extends StatefulWidget {

  @override
  State<StatefulWidget> createState() {
    return MePageState();
  }
}

class MePageState extends State<MePage> {

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(

        appBar: AppBar(

          backgroundColor: Colors.white,
          elevation: 0,
          actions: <Widget>[

            Icon(Icons.settings, color: Colors.black,),
          ],
        ),


        ///最外层
        body: Column(

          children: <Widget>[

            ///头部
            Container(

              width: double.infinity,
              height: 65,
              color: Colors.white,

              child: Padding(

                padding: const EdgeInsets.only(left: 15, right: 15),

                child: Row(

                  crossAxisAlignment: CrossAxisAlignment.start,

                  children: <Widget>[

                    ///头部-头像部分
                    new ClipOval(
                      child: new Image.asset(
                        'images/36.jpg', width: 65, height: 65,),
                    ),


                    ///头部-文字部分
                    Expanded(child: Padding(
                      padding: EdgeInsets.only(left: 10, right: 10),
                      child: Column(

                        children: <Widget>[

                          Text('UserName', style: TextStyle(fontSize: 16,
                              fontWeight: FontWeight.w500,
                              color: Color(0xFF171717)),),

                          Padding(padding: EdgeInsets.only(top: 6),

                            child: Text('UserInfo ' * 10, style: TextStyle(
                                fontSize: 11, color: Color(0xFF171717)),),),
                        ],
                      ),
                    )),


                    Icon(Icons.crop)

                  ],
                ),

              ),
            ),

            ///关注 粉丝 获赞
            Container(

              color: Colors.white,

              child: Padding(padding: EdgeInsets.only(top: 10,bottom: 10),

              child: Row(

                children: <Widget>[

                  Expanded(child: Column(

                    children: <Widget>[

                      Text('8', style: TextStyle(fontSize: 16,
                          fontWeight: FontWeight.w500,
                          color: Color(0xFF171717)),),

                      Text('UserName', style: TextStyle(fontSize: 12,
                          color: Color(0xFFC0C0C0)),),

                    ],
                  ),
                  ),



                  Expanded(child: Column(

                    children: <Widget>[

                      Text('8', style: TextStyle(fontSize: 16,
                          fontWeight: FontWeight.w500,
                          color: Color(0xFF171717)),),

                      Text('UserName', style: TextStyle(fontSize: 12,
                          color: Color(0xFFC0C0C0)),),

                    ],
                  ),
                  ),



                  Expanded(child: Column(

                    children: <Widget>[

                      Text('8', style: TextStyle(fontSize: 16,
                          fontWeight: FontWeight.w500,
                          color: Color(0xFF171717)),),

                      Text('UserName', style: TextStyle(fontSize: 12,
                          color: Color(0xFFC0C0C0)),),

                    ],
                  ),
                  ),


                ],
              ),)
            )
          ],
        )
    );
  }
}